<template>
	<view>
		<!-- 顶部导航 -->
		<u-navbar :background="background">
			<view class="ft_16 fw-b">
				上传记录
			</view>
		</u-navbar>
		<view class="content">
			<view class="con_1">
				<u-search placeholder="搜索关键词或时间" v-model="keyword" bg-color="#ffffff" @custom="con_search" height="80"></u-search>
			</view>
			<view class="con_2">
				<view class="con_2_1" v-for="(item,index) in kxList" :key="index" :style="kxList.length==index+1?'border:none':''">
					<view class="p_bottom_10">
						<text class="c-999">彩票信息：</text>
						{{item.remarks}}
					</view>
					<view class="p_bottom_10 display scimg">
						<view class="c-999">上传图片：</view>
						<view class="" style="width: 75%;">
							<image :src="item1" v-for="(item1,index1) in item.images" @click="$all.preview1(item1)"></image>
						</view>
					</view>
					<view>
						<text class="c-999">上传时间：</text>
						{{item.createtime}}
					</view>
				</view>
			</view>

		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background:{backgroundColor: '#ffffff',}, //导航栏背景
				keyword:"",//搜索关键字
				kxList:[ //核销列表
					{
						title:"XXXXX彩票",
						img:[
							'/static/index/index/kexiaoma.png',
							'/static/index/index/kexiaoma.png',
							'/static/index/index/kexiaoma.png',
						],
						time:"2020.09.29 10:20"
					},
					{
						title:"XXXXX彩票",
						img:[
							'/static/index/index/kexiaoma.png',
						],
						time:"2020.09.29 10:20"
					},
					{
						title:"XXXXX彩票",
						img:[
							'/static/index/index/kexiaoma.png',
						],
						time:"2020.09.29 10:20"
					},
				],
				
			}
		},
		onLoad() {
			this.getpinzheng() //获取凭证列表
		},
		methods: {
			getpinzheng(){ //获取凭证列表
				this.$myRequest('personal/lotteryList',{
					remarks:this.keyword
				}).then(res=>{
					console.log(res.data);
					if(res.data.code==1){
						this.kxList=res.data.data.lottery
					}
				})
			},
			con_search(e){ //搜索
				console.log(e);
				this.keyword=e
				this.getpinzheng() //获取凭证列表
			},
			
		}
	}
</script>

<style lang="scss">
page{
	background-color: #fafafa;
}
.content{
	.con_1{
		padding: 15px;
	}
	.con_2{
		background-color: #FFFFFF;
		.con_2_1{
			padding: 20px 15px;border-bottom: 1px solid #eeeeee;
			.scimg{
				flex-flow: wrap;align-items: flex-start;
				image{
					width: 60px;height: 60px;border-radius: 10px;margin: 0 10px 10px 0;
				}
			}
		}
	}
}

</style>
